<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Your Website Title</title>
	<meta name="description" content="Website Description" />
	<meta name="keywords" content="Website Kwywords" />
	<style type="text/css" media="all">@import "/learn/resources/mstp_93_xkblog/style/style.css";</style>
	<!--[if lt IE 7]>
	<style type="text/css">@import "style/ie.css";</style>
	<script src="script/DD_belatedPNG.js" type="text/javascript"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('#logo span, #loginarea, #panellogin, .textboxlogin, #shadowslideshow, img');
	</script>
	<![endif]-->
	<!--[if IE 7]><style type="text/css">@import "style/ie7.css";</style><![endif]-->
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/jquery.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_core.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/ui_tabs.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/lightbox.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/easing.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/jcarousel.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/slideshow.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/twitter.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/gettwitter.js" type="text/javascript"></script>
	<script src="<%=request.getContextPath() %>/resources/mstp_93_xkblog/script/index.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function() {
		$("#butslide").click(function(){
				$("#panellogin").slideToggle("fast");
				$(this).toggleClass("active"); return false;
		}); 
		$('#tabsnav').tabs({ fx: { opacity: 'toggle' } });
		$('a.popup').lightBox({fixedNavigation:true});
	});
	</script>
</head>
<body>
<p><a class="skiplink" href="#maincontent">Skip over navigation</a></p>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div id="headertop">
				<a href="#" class="replace" id="logo"><span></span>Rushhour - Your Company Slogan</a>
				<div id="loginarea">
					<p class="notlogin">管理员登录</p>
					<p class="loginbut"><a href="/learn/admin/toAdminLoginPage" class="butlogin" >Login</a></p>
					
				</div>
			</div>
			<div id="placemainmenu">
				<ul id="mainmenu">
					<li class="active"><a href="/learn/customer/toIndexPage#">主页</a></li>
					<li><a href="/learn/customer/toNewListPage">News</a></li>
				</ul>
				<form method="post" action="#" id="frmsearch">
					<div>
						<input type="text" name="search" class="textboxsearch" value="Search" onblur="if(this.value.length == 0) this.value='Search';" onclick="if(this.value == 'Search') this.value='';" /> <input type="submit" name="submitsearch" class="submitsearch" value="Search" />
					</div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
        <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
		<div id="content">
			<div id="intro">
				<div id="placeslideshow">
					<div id="slideshow">
						<div id="shadowslideshow"></div>
						<ul>
						    <c:forEach var="item" items="${popularAndNewestBlog }">
						   		<li id="${item.blogId }" onclick="jump(${item.blogId})">
						   			<a href="/learn/customer/toaboutus?id=${item.blogId }">
						   				<img src="${item.surfacePlot }" alt="Slideshow" class="blog" />
						   			</a>
						   		</li>
						    </c:forEach>
						</ul>
					</div>
					<%-- <div id="captionslideshow">
						<ul>
							<c:forEach var="item" items="${popularAndNewestBlog }">
						   		<li><img src="${item.surfacePlot }" alt="Slideshow" /></li>
						    </c:forEach>
						</ul>
					</div> --%>
				</div>
				<div id="introright">
					<ul>
					    <c:forEach var="item" items="${popularAndNewestBlog }">
					        <li><h1>${item.title }</h1>
								<p>${item.content }</p>
							</li>
						</c:forEach>
						<li><h1>Lorem ipsum dolor sit amet</h1>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Donec nunc orci, interdum vel iaculis nec, tincidunt sed diam. Nunc a arcu erat. Nulla blandit metus in est porta tincidunt. Nullam vitae turpis augue, a semper tellus. Nullam gravida ligula nec erat.</p>
						</li>
					</ul>
					<div id="placenav"><a href="#" class="replace" id="butprev"><span></span>Prev</a> <a href="#" class="replace" id="butnext"><span></span>Next</a></div>
				</div>
			</div>
			<div id="maincontent">
				<div class="boxbig">
					<h1 class="titlebig">${blog.title }</h1>
					<div class="boxbigcontent">
					     <p>${blog.content }</p>
					     <c:forEach var="item" items="${images }">
					     	<p><img src="${item.url }"/></p>
					     </c:forEach>
					     <p>${blog.createTime}</p>
					</div>
					<div class="boxbigcontentbottom"></div>
				</div>
				<!-- <div class="contentleft">
					<div class="boxcontentsmall">
						<h1 class="titlesmall">Content Small Left</h1>
						<div class="boxsmallcontent">
							<p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit. Donec placerat, mi eu posuere facilisis, dolor sapien auctor orci, vel posuere velit nibh ac tortor. Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. Nulla facilisi. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
							<h3>Vestibulum sed mauris</h3>
							<p>Suspendisse velit erat, sodales id iaculis non, dapibus ut lacus. <a href="#">Nulla facilisi</a>. Ut dui sapien, vulputate id tincidunt nec, semper quis arcu.</p>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
				</div> -->
				<!-- <div class="contentright">
					<div class="boxcontentsmall">
						<h1 class="titlesmall">主题类别2</h1>
						<div class="boxsmallcontent">
							<ul class="menucontentsmall">
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Suspendisse velit erat</a></li>
								<li><a href="#">Vestibulum sed mauris</a></li>
								<li><a href="#">Praesent commodo feugiat lectus</a></li>
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li><a href="#">Lorem ipsum dolor</a></li>
								<li class="last"><a href="#">Suspendisse velit erat</a></li>
							</ul>
						</div>
						<div class="boxsmcontentbottom"></div>
					</div>
				</div> -->
			</div>
			<div id="nav">
				<ul id="tabsnav">
					<h3 class="titlenav">最新资讯</h3>
				</ul>
				
				<div class="tabscontent" id="panel3">
					<ul id="listnewsnav">
					    <c:forEach var="item" items="${newestBlogs }">
					    	<li><a href="/learn/customer/toaboutus?id=${item.blogId }">${item.title }</a></li>
					    </c:forEach>
					</ul>
					<a href="/learn/customer/toNewListPage" class="linkreadmore">查看更多 &#187;</a>
					<div class="clear"></div>
				</div>
				<div class="boxnav">
					<h3 class="titlenav">主题类别</h3>
					<div class="boxnavcontent">
						<ul class="menunav">
						    <c:forEach var="item" items="${productCategorys }">
						    	<li><a href="/learn/customer/toNewListPage?oneLevelId=${item.productCategoryId }"">${item.productCategoryName }</a></li>
						    </c:forEach>
						</ul>
					</div>
				</div>
				
			</div>
			<div class="clear"></div>
		</div>
		<div id="footer">
			<p id="texttwitter"></p>
			<ul id="menufooter">
				<li><a href="#">Home</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Services</a></li>
				<li><a href="#">Contact Us</a></li>
				<li class="last"><a href="#">Follow us on Twitter</a></li>
			</ul>
			<ul id="menufooterright">
				<li>Copyright 2009, Rushhour, Inc.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></li>
				<li class="last"><a href="#">Back to top</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>